<!DOCTYPE>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" href="./src/css/cssreset.css">
        <link rel="stylesheet" href="./src/css/header.css">
        <link rel="stylesheet" href="./src/css/index.css">
        <script src="./src/js/jquery-1.10.2.min.js" charset="utf-8"></script>

        <title>安全态势</title>
    </head>

    <body>
        <div class="wrapper">
            <div class="global-content">
                <script src="./src/js/header.js"></script>
                <div class="content clearfix">
                    <div class="section1 clearfix">
                        <div class="section1-left">
                            <div class="section1-item1 first">
                                <p class="all-notice">基本信息</p>
                                <div class="section1-item1-list">
                                    <ul class="clearfix">
                                        <li>

                                            <p class="list-num no-wrap">62780家</p>
                                            <p class="list-text">企业总数</p>
                                        </li>
                                        <li>

                                            <p class="list-num no-wrap">62780家</p>
                                            <p class="list-text">中介总数</p>
                                        </li>
                                        <li>

                                            <p class="list-num no-wrap">62780家</p>
                                            <p class="list-text">年度重大隐患数</p>
                                        </li>
                                        <li>

                                            <p class="list-num no-wrap">62780家</p>
                                            <p class="list-text">标准化<br/>总数</p>
                                        </li>
                                        <li>

                                            <p class="list-num no-wrap">62780家</p>
                                            <p class="list-text">年度职业病人数</p>
                                        </li>
                                        <li>

                                            <p class="list-num no-wrap">62780家</p>
                                            <p class="list-text">年度生产事故数</p>
                                        </li>
                                        <li>

                                            <p class="list-num no-wrap">62780家</p>
                                            <p class="list-text">企业建档总数</p>
                                        </li>
                                        <li>

                                            <p class="list-num no-wrap">190371家</p>
                                            <p class="list-text">企业隐患总数</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="section1-item1">
                                <p class="all-notice">风险评估</p>
                                <div id="radar" style="width:100%;height:100%;"></div>

                            </div>
                        </div>
                        <div class="section1-middle">
                            <p class="all-notice">浙江省企业分布情况</p>
                            <div id="maps" style="width:100%;height:100%;"></div>
                            <!-- <div id="pie1" style="width:100%;height:100%;"></div> -->

                        </div>
                        <div class="section1-right">
                            <div class="section1-item1">
                                <p class="all-notice">职业病危害因素Top5</p>
                                <div id="bar-timeLine" style="width:100%;height:100%;"></div>

                            </div>
                            <div class="section1-item1">
                                <p class="all-notice">事故情况分析</p>
                                <div id="bar-radius" style="width:100%;height:162px;position:absolute;top:36px;"></div>

                            </div>
                        </div>

                    </div>

                    <div class="section2 clearfix">
                        <div class="section2-item">
                            <p class="all-notice">标准化等级分布情况</p>
                            <div id="pie-timeLine" style="width:100%;height:100%;"></div>

                        </div>
                        <div class="section2-item" style="float:right;">
                            <p class="all-notice">各行业隐患排查整改情况</p>
                            <div id="bar2" style="width:100%;height:100%;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="./src/js/after_compatibility.js" charset="utf-8"></script>
        <script src="./src/js/echarts1.min.js" charset="utf-8"></script>
        <script src="./src/js/index.js"></script>
    </body>

</html>
